<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/day10.css">
    <link rel="stylesheet" href="./font/font_001/iconfont.css">
    <link rel="stylesheet" href="./font/font_010/iconfont.css">
    <link rel="stylesheet" href="./font/font_011/iconfont.css">
    <link rel="stylesheet" href="./font/font_012/iconfont.css">
    <link rel="stylesheet" href="./font/font_014/iconfont.css">





</head>

<body>
    <!-------头部开始----->
    <div class="header">
        <div class="wrap">
            <ul class="header-left">
                <li><a href="#">小米官网</a><span>|</span></li>
                <li><a href="#">小米商城</a><span>|</span></li>
                <li><a href="#">小米澎湃OS</a><span>|</span></li>
                <li><a href="#">loT</a><span>|</span></li>
                <li><a href="#">云服务 </a><span></span>|</li>
                <li><a href="#">天星数科</a><span>|</span></li>
                <li><a href="#">有品 </a><span>|</span></li>
                <li><a href="#">小爱开放平台</a><span>|</span></li>
                <li><a href="#">资质证照</a><span>|</span></li>
                <li><a href="#">协议规则</a><span>|</span></li>
                <li>
                    <a href="#">下载app</a><span>|</span>
                    <div class="download">
                        <img src="./img/download.png" alt="">
                        <p>小米商城APP</p>
                    </div>
                </li>
                <li><a href="#">Select Location</a></li>
            </ul>
            <ul class="header-right">
                <li><a href="#">登录</a><span>|</span></li>
                <li><a href="#">注册</a><span>|</span></li>
                <li><a href="#">消息通知</a><span>|</span></li>
                <li class="cart">
                    <a href="#"> <i class="iconfont ">&#xe63f;</i>购物车（0）</a>
                    <div class="cart-list">购物车中还没有商品，赶紧选购吧！</div>
                </li>
            </ul>
        </div>
    </div>
    <!-------头部结束----->


    <!-----导航开始------>
    <div class="nav">
        <div class="wrap">
            <div class="logo">
                <img src="./img/logo-mi2.png" alt="">
            </div>
            <div class="nav-bar">
                <ul>
                    <li>
                        <a href="#" style="color: black;">全部商品分类</a>
                        <div class="slide">
                            <ul>
                                <li>
                                    <a href="#">手机</a>
                                    <i class="iconfont icon-youjiantou"></i>
                                    <div class="left-display">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide1-1.webp" alt="">
                                                    <span>Xiaomi MIX系列</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide1-2.webp" alt="">
                                                    <span>Xiaomi 数字系列</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide1-3.webp" alt="">
                                                    <span>Xiaomi Civi系列</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide1-4.webp" alt="">
                                                    <span>Redmi K系列</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide1-5.webp" alt="">
                                                    <span>Redmi Note系列</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide1-6.webp" alt="">
                                                    <span>Redmi数字系列</span>
                                                </a>
                                            </li>

                                        </ul>
                                    </div>
                                <li>
                                    <a href="#">电视</a>
                                    <i class="iconfont icon-youjiantou"></i>
                                    <div class="left-display">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide2-1.webp" alt="">
                                                    <span>小米电视 S Pro Mini LED</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide2-2.webp" alt="">
                                                    <span>小米电视 大师系列</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide2-3.webp" alt="">
                                                    <span>小米电视S系列</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide2-4.webp" alt="">
                                                    <span>小米电视EA系列</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide2-5.webp" alt="">
                                                    <span>Redmi电视MAX系列</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide2-6.webp" alt="">
                                                    <span>Redmi电视A系列</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide2-7.webp" alt="">
                                                    <span>小米电视A竞技系列</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                <li>
                                    <a href="#">家电</a>
                                    <i class="iconfont icon-youjiantou"></i>
                                    <div class="left-display">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-1.png" alt="">
                                                    <span>壁挂空调</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-2.webp" alt="">
                                                    <span>立式空调</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-3.webp" alt="">
                                                    <span>中央空调</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-4.webp" alt="">
                                                    <span>冰箱</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-5.webp" alt="">
                                                    <span>滚筒洗衣机</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-6.webp" alt="">
                                                    <span>波轮洗衣机</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-7.webp" alt="">
                                                    <span>米家石墨烯折叠踢脚线电暖器 超薄版</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-8.webp" alt="">
                                                    <span>米家石墨烯踢脚线电暖器 仿真火焰版</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-9.jpg" alt="">
                                                    <span>电暖器</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-10.jpg" alt="">
                                                    <span>净水器</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-11.webp" alt="">
                                                    <span>微蒸烤</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-12.webp" alt="">
                                                    <span>烟灶</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-13.webp" alt="">
                                                    <span>洗碗机</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-14.jpg" alt="">
                                                    <span>扫地机器人</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-15.jpg" alt="">
                                                    <span>吸尘器</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-16.jpg" alt="">
                                                    <span>空气净化器</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-17.jpg" alt="">
                                                    <span>电饭煲</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-18.jpg" alt="">
                                                    <span>电磁炉</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-19.jpg" alt="">
                                                    <span>水壶</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-20.png" alt="">
                                                    <span>落地风扇</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-21.png" alt="">
                                                    <span>投影仪</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-22.jpg" alt="">
                                                    <span>灯具</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-23.jpg" alt="">
                                                    <span>插线板</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide3-24.jpg" alt="">
                                                    <span>新风机</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">笔记本 平板</a>
                                    <i class="iconfont icon-youjiantou"></i>
                                    <div class="left-display">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-1.webp" alt="">
                                                    <span>Redmi Pad SE</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-2.webp" alt="">
                                                    <span>Xiaomi Pad 6 Max 14</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-3.webp" alt="">
                                                    <span>Xiaomi Pad 6 Pro</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-4.webp" alt="">
                                                    <span>Xiaomi Pad 6</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-5.webp" alt="">
                                                    <span>Redmi Pad</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-6.webp" alt="">
                                                    <span>小米平板5 Pro5G</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-7.webp" alt="">
                                                    <span>小米平板5 Pro12.4</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-8.webp" alt="">
                                                    <span>小米平板5Pro</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-9.webp" alt="">
                                                    <span>小米平板5</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-10.webp" alt="">
                                                    <span>办公显示器</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-11.webp" alt="">
                                                    <span>电竟显示器</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-12.webp" alt="">
                                                    <span>Redmi Book 16 2024</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-13.webp" alt="">
                                                    <span>Redmi Book 14 2024</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-14.webp" alt="">
                                                    <span>RedmiBook Pro 15锐龙</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-15.webp" alt="">
                                                    <span>Redmi Book 14</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-16.webp" alt="">
                                                    <span>XiaomiBook12.4二合一套装</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-17.webp" alt="">
                                                    <span>Redmi Book 15E</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-18.webp" alt="">
                                                    <span>RedmiG游戏本锐龙版</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-19.webp" alt="">
                                                    <span>RedmiG游戏本2022</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-20.webp" alt="">
                                                    <span>RedmiBook Pro15 2022</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-21.webp" alt="">
                                                    <span>Xiaomi Book Pro 16</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-22.webp" alt="">
                                                    <span>Xiaomi Book Pro 14</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-23.webp" alt="">
                                                    <span>小米笔记本 ProX 14</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-24.webp" alt="">
                                                    <span>小米笔记本 Pro X 15</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">出行 穿戴</a>
                                    <i class="iconfont icon-youjiantou"></i>
                                    <div class="left-display">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-1.webp" alt="">
                                                    <span>小米手环8 Pro 原神定制版</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-2.webp" alt="">
                                                    <span>Redmi Watch 4</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-3.webp" alt="">
                                                    <span>Xiaomi Watch S3</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-4.webp" alt="">
                                                    <span>小米腕部心电血压记录仪</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-5.webp" alt="">
                                                    <span>小米手环8Pro</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-6.webp" alt="">
                                                    <span>Redmi Watch 3 青春版</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-7.webp" alt="">
                                                    <span>小米手环8</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-8.webp" alt="">
                                                    <span>小米手环8NFC版</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-9.webp" alt="">
                                                    <span>Xiaomi Watch S1 Pro</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-10.webp" alt="">
                                                    <span>Xiaomi Watch S2</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-11.webp" alt="">
                                                    <span>Redmi Watch 3</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-12.webp" alt="">
                                                    <span>Redmi 手环2</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-13.webp" alt="">
                                                    <span>小米手环7 Pro</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide4-14.webp" alt="">
                                                    <span>Xiaomi Watch S1</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-15.jpg" alt="">
                                                    <span>九号平衡车</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-16.webp" alt="">
                                                    <span>九号平衡车Plus</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-17.webp" alt="">
                                                    <span>九号平衡车燃动版</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-18.webp" alt="">
                                                    <span>米家电动滑板车1S</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-19.webp" alt="">
                                                    <span>米家电动滑板车3青春版</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-20.webp" alt="">
                                                    <span>HIMO Z20 折叠电动助力自行车<span>米家电动滑板车3青春版</span>
                                                    </span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-21.webp" alt="">
                                                    <span>九号ninebot儿童山地自行车</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-22.webp" alt="">
                                                    <span>九号平衡车 改装套件</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-23.webp" alt="">
                                                    <span>九号卡丁车Pro兰博基尼汽车定制版</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide5-24.webp" alt="">
                                                    <span>小米车载充电器快充版</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">耳机 音响</a>
                                    <i class="iconfont icon-youjiantou"></i>
                                    <div class="left-display">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-1.webp" alt="">
                                                    <span>Redmi Buds 5 Pro</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-2.webp" alt="">
                                                    <span>Redmi Buds 5</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-3.webp" alt="">
                                                    <span>Redmi Buds 5 AAPE 潮流限定版</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-4.webp" alt="">
                                                    <span>Redmi Buds 4活力版</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-5.webp" alt="">
                                                    <span>Xiaomi真无线降噪耳机3...</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-6.webp" alt="">
                                                    <span>Redmi Buds 4 哈利波特版</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-7.webp" alt="">
                                                    <span>Xiaomi Buds 4</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-8.webp" alt="">
                                                    <span>Redmi Buds 4青春版</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-9.webp" alt="">
                                                    <span>Xiaomi Buds 4 Pro</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-10.webp" alt="">
                                                    <span>Redmi Buds 4 Pro</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-11.webp" alt="">
                                                    <span>骨传导耳机</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-12.webp" alt="">
                                                    <span>Redmi Buds 4</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-13.webp" alt="">
                                                    <span>Xiaomi 真无线降噪耳机 3..</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-14.webp" alt="">
                                                    <span>Redmi Buds 3</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-15.webp" alt="">
                                                    <span>Necklace</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-16.webp" alt="">
                                                    <span>小米活塞耳机</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-17.webp" alt="">
                                                    <span>Xiaomi智能家庭屏10</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-18.webp" alt="">
                                                    <span>小米小爱触屏音箱Pro 8</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-19.webp" alt="">
                                                    <span>小爱音箱 Pro</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-20.webp" alt="">
                                                    <span>Xiaomi Sound Move</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-21.webp" alt="">
                                                    <span>小爱音箱Play增强版</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-22.jpg" alt="">
                                                    <span>小米小爱触屏音箱</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-23.webp" alt="">
                                                    <span>Xiaomi智能家庭屏Pro 8</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide6-24.webp" alt="">
                                                    <span>Xiaomi Sound Pro</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </div>
                                </li>
                                <li>
                                    <a href="#">健康 儿童</a>
                                    <i class="iconfont icon-youjiantou"></i>
                                    <div class="left-display">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide7-1.jpg" alt="">
                                                    <span>洗衣机</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide7-2.jpg" alt="">
                                                    <span>剃须刀</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide7-3.webp" alt="">
                                                    <span>修剪刀</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide7-4.jpg" alt="">
                                                    <span>牙刷</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide7-5.jpg" alt="">
                                                    <span>吹风机</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide7-6.png" alt="">
                                                    <span>体重秤</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide7-7.jpg" alt="">
                                                    <span>体脂秤</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide7-8.webp" alt="">
                                                    <span>米家跑步机</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide7-9.webp" alt="">
                                                    <span>米家动感单车</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide7-10.webp" alt="">
                                                    <span>米家mini筋膜枪</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide7-11.jpg" alt="">
                                                    <span>走步机</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide7-12.webp" alt="">
                                                    <span>益智积木</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide7-13.jpg" alt="">
                                                    <span>儿童手表</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide7-14.jpg" alt="">
                                                    <span>儿童滑板车</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide7-15.jpg" alt="">
                                                    <span>婴儿推车</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide7-16.webp" alt="">
                                                    <span>理发器</span>
                                                </a>
                                            </li>

                                        </ul>
                                </li>
                                <li>
                                    <a href="#">生活 箱包</a>
                                    <i class="iconfont icon-youjiantou"></i>
                                    <div class="left-display">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide8-1.webp" alt="">
                                                    <span>小背包</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide8-2.jpg" alt="">
                                                    <span>双肩包</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide8-3.webp" alt="">
                                                    <span>胸包</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide8-4.webp" alt="">
                                                    <span>旅行箱</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide8-5.webp" alt="">
                                                    <span>收纳袋</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide8-6.jpg" alt="">
                                                    <span>运动鞋</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide8-7.webp" alt="">
                                                    <span>服饰</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide8-8.jpg" alt="">
                                                    <span>眼镜</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide8-9.jpg" alt="">
                                                    <span>床垫</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide8-10.png" alt="">
                                                    <span>枕头</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide8-11.jpg" alt="">
                                                    <span>螺丝刀</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide8-12.jpg" alt="">
                                                    <span>水杯</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide8-13.jpg" alt="">
                                                    <span>伞</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide8-14.jpg" alt="">
                                                    <span>驱蚊器</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide8-15.jpg" alt="">
                                                    <span>毛巾/浴巾</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide8-16.jpg" alt="">
                                                    <span>笔</span>
                                                </a>
                                            </li>

                                        </ul>
                                </li>
                                <li>
                                    <a href="#">智能 路由器</a>
                                    <i class="iconfont icon-youjiantou"></i>
                                    <div class="left-display">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide9-1.webp" alt="">
                                                    <span>CyberDog 2 仿生四足机...</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide9-2.webp" alt="">
                                                    <span>MIJIA K歌麦克风</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide9-3.jpg" alt="">
                                                    <span>打印机</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide9-4.webp" alt="">
                                                    <span>小米路由器</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide9-5.webp" alt="">
                                                    <span>Redmi路由器</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide9-6.webp" alt="">
                                                    <span>智能家庭</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide9-7.jpg" alt="">
                                                    <span>对讲机</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide9-8.jpg" alt="">
                                                    <span>摄像机</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide9-9.jpg" alt="">
                                                    <span>智能门锁</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide9-10.webp" alt="">
                                                    <span>门铃/猫眼</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide9-11.webp" alt="">
                                                    <span>小爱音箱</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide9-12.webp" alt="">
                                                    <span>家庭屏</span>
                                                </a>
                                            </li>
                                        </ul>
                                </li>
                                <li>
                                    <a href="#">电源 配件</a>
                                    <i class="iconfont icon-youjiantou"></i>
                                    <div class="left-display">
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide10-1.webp" alt="">
                                                    <span>插座插排</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide10-2.webp" alt="">
                                                    <span>移动电源</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide10-3.jpg" alt="">
                                                    <span>数据线</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide10-4.webp" alt="">
                                                    <span>平板配件</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide10-5.webp" alt="">
                                                    <span>充电器</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide10-6.jpg" alt="">
                                                    <span>电池</span>
                                                </a>
                                            </li>
                                        </ul>
                                        <ul>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide10-7.jpg" alt="">
                                                    <span>自拍杆</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide10-8.jpg" alt="">
                                                    <span>手机壳</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide10-9.jpg" alt="">
                                                    <span>手机贴膜</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide10-10.webp" alt="">
                                                    <span>无线充电器</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide10-11.jpg" alt="">
                                                    <span>黑鲨配件</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#">
                                                    <img src="./img/slide10-12.jpg" alt="">
                                                    <span>其他配件</span>
                                                </a>
                                            </li>
                                        </ul>
                                </li>
                            </ul>
                        </div>
                        <div>
                        </div>
                    </li>
                    <li>
                        <a href="#">Xiaomi手机</a>
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav1-1.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi 14 Pro</p>
                                            <p class="nav-price">4999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav1-2.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi 14</p>
                                            <p class="nav-price">3999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav1-3.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi MIX Fold 3</p>
                                            <p class="nav-price">8999元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav1-4.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi Civi 3</p>
                                            <p class="nav-price">2299元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav1-5.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi Civi 3</p>
                                            <p class="nav-price">3199元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav1-6.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi 13 Ultra</p>
                                            <p class="nav-price">5399元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    <li><a href="#">Redmi手机</a>
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav2-1.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi 13C 5G</p>
                                            <p class="nav-price">749元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav2-2.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi K70 Pro</p>
                                            <p class="nav-price">3299元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav2-3.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi K70</p>
                                            <p class="nav-price">2499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav2-4.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi K70</p>
                                            <p class="nav-price">1899元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav2-5.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi Note 13 Pro</p>
                                            <p class="nav-price">1399元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav2-6.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi Note 13 Pro+</p>
                                            <p class="nav-price">1899元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">电视</a>
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav3-1.webp" alt="">
                                            </div>
                                            <p class="nav-name">小米电视 S Pro 65 Mini LED 65英寸</p>
                                            <p class="nav-price">4499元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav3-2.webp" alt="">
                                            </div>
                                            <p class="nav-name">小米电视新EA系列</p>
                                            <p class="nav-price">799元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav3-3.webp" alt="">
                                            </div>
                                            <p class="nav-name">小米电视大师86英寸Mini LED</p>
                                            <p class="nav-price">14999元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav3-4.webp" alt="">
                                            </div>
                                            <p class="nav-name">小米电视S6565英寸</p>
                                            <p class="nav-price">2999元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav3-5.webp" alt="">
                                            </div>
                                            <p class="nav-name">小米电视A65竞技版65英寸</p>
                                            <p class="nav-price">2399元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav3-6.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi MAX 100”巨屏电视</p>
                                            <p class="nav-price">12399元</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">笔记本</a>
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav4-1.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi Book 16 2024</p>
                                            <p class="nav-price">3699元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav4-2.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi Book 14 2024</p>
                                            <p class="nav-price">4499元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav4-3.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi Book Pro 15 2023锐龙版</p>
                                            <p class="nav-price">4799元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav4-4.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi Book 14</p>
                                            <p class="nav-price">4599元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav4-5.webp" alt="">
                                            </div>
                                            <p class="nav-name">RedmiBook Pro 152022锐龙版</p>
                                            <p class="nav-price">5499元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav4-6.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi MAX 100”巨屏电视</p>
                                            <p class="nav-price">3599元</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">平板</a>
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav5-1.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi Pad SE</p>
                                            <p class="nav-price">899元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav5-2.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi Pad 6 Max 14</p>
                                            <p class="nav-price">3799元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav5-3.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi Pad 6 Pro</p>
                                            <p class="nav-price">2299元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav5-4.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi Pad 6</p>
                                            <p class="nav-price">1799元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav5-5.webp" alt="">
                                            </div>
                                            <p class="nav-name">Redmi Pad</p>
                                            <p class="nav-price">899元起</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav5-6.webp" alt="">
                                            </div>
                                            <p class="nav-name">小米平板5 Pro12.4</p>
                                            <p class="nav-price">1899元起</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">家电</a>
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav6-1.webp" alt="">
                                            </div>
                                            <p class="nav-name">米家冰箱对开门610L墨羽岩</p>
                                            <p class="nav-price">2199元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav6-2.webp" alt="">
                                            </div>
                                            <p class="nav-name">米家冰箱对开门536L墨羽岩</p>
                                            <p class="nav-price">1999元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav6-3.webp" alt="">
                                            </div>
                                            <p class="nav-name">新风空调 立式3匹</p>
                                            <p class="nav-price">6639元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav6-4.webp" alt="">
                                            </div>
                                            <p class="nav-name">小米空调 1.5匹新1级能效</p>
                                            <p class="nav-price">2499元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav6-5.webp" alt="">
                                            </div>
                                            <p class="nav-name">米家分区洗烘一体机 15kg</p>
                                            <p class="nav-price">5299元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav6-6.webp" alt="">
                                            </div>
                                            <p class="nav-name">米家洗烘一体机12kg</p>
                                            <p class="nav-price">2099元</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">路由器</a>
                        <div class="nav-list">
                            <div class="wrap">
                                <ul>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav7-1.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi路由器AX3000T</p>
                                            <p class="nav-price">179元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav7-2.webp" alt="">
                                            </div>
                                            <p class="nav-name">小米路由器AX6000</p>
                                            <p class="nav-price">429元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav7-3.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi路由器BE6500 Pro</p>
                                            <p class="nav-price">699元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav7-4.webp" alt="">
                                            </div>
                                            <p class="nav-name">Xiaomi HomeWiFi 三频 Mesh 路由器</p>
                                            <p class="nav-price">1299元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav7-5.jpg" alt="">
                                            </div>
                                            <p class="nav-name">小米路由器4A千兆版</p>
                                            <p class="nav-price">99元</p>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="#">
                                            <div class="img-box">
                                                <img src="./img/nav7-6.png" alt="">
                                            </div>
                                            <p class="nav-name">查看全部小米路由器</p>
                                        </a>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </li>
                    <li><a href="#">服务中心</a></li>
                    <li><a href="#">社区</a></li>
                </ul>
            </div>
            <div class="search">
                <form action="">
                    <input type="text" placeholder="电视">
                    <button class="iconfont ">&#xe653;</button>
                    <div class="hot-words">
                        <a href="#">手机换新</a>
                        <a href="#">Redmi K70 Pro</a>
                        <a href="#">冰箱</a>
                        <a href="#">电视</a>
                        <a href="#">洗衣机</a>
                        <a href="#">红米</a>
                        <a href="#">路由器</a>
                        <a href="#">充电宝</a>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-----导航开始------>

    <!-----白色导航开始------>
    <div class="white-bar-box ">
        <div class="white-bar">
            <div class="wrap">
                <h2>Xiaomi 14</h2>
                <div class="white-bar-left">
                    <span class="icon">|</span>
                    <a href=""> Xiaomi 14 Pro</a>
                </div>
                <div class="white-bar-right">
                    <a href="">概述页</a>
                    <span>|</span>
                    <a href="">参数页</a>
                    <span>|</span>
                    <a href=""> F码通道</a>
                    <span>|</span>
                    <a href="">咨询客服</a>
                    <span>|</span>
                    <a href="">用户评价</a>
                </div>
            </div>
        </div>
    </div>
    <!-----白色导航结束------>
    <!-----灰色导航开始------>
    <div class="login-bar">
        <div class="login-container">
            <div class="login-des">为方便您购买，请提前登录
                <a href="" class="login">立即登录</a>
                <a href=""><span class="iconfont">&#xe6c9;</span></a>
            </div>
        </div>
    </div>
    <!-----灰色导航结束------>
    <!-----小米手机开始------>
    <div class="mi-detail">
        <div class="mi-box">
            <div class="img-left">
                <img src="./img/mi-left1.png" alt="">
            </div>
        </div>
        <div class="product-right">
            <p class="product-name">Xiaomi 14</p>
            <p class="sale-desc">
                <font>「限定非凡礼盒热卖中，限量定制色全新上市，小米汽车同款配色!购机至高享24期分期免息」</font><br>
                徕卡光学Summilux镜头 | 光影猎人900影像传感器 | 75mm徕卡浮动长焦 | 小米澎湃OS | 第三代
                骁龙@8移动平台 | 小米环形冷泵
            </p>
            <p class="company-info" title="
            企业名称: 小米通讯技术有限公司
业执照注册号:91110108558521630L
企业地址: 北京市海淀区西二旗中路33号院6号楼9层019号
企业电话:400-100-5678
营业期限:2010年08月25日至 2040年08月24日
经营范围:开发手机技术、计算机软件及信息技术;技术检测、技术咨询、技术服务、技术转让;计算机技术培训;系统集成;货物进出口、技术进出
口、代理进出口;家用电器、通信设备、广播电视设备(不含卫星电视广播、地面接收装置)、机械设备、电子产品、文化用品的批发零售:维修仪器
仪表;销售医疗器械I类、II、III类、针纺织品(含家纺家饰)、服装鞋帽、日用杂货、工艺品、文化用品、体育用品、照相器材、卫生用品(含个人护理
用品)、钟表眼镜、箱包。家具(不从事实体店铺经营)、小饰品、日用品、乐器、自行车、智能卡;计算机、通讯设备、 家用电器、电子产品、机械
设备的技术开发、技术服务;销售金银饰品(不含金银质地纪念币);家用空调的委托生产，委托生产翻译机;销售翻译机、五金交电(不含电动自行
车)、厨房用品、陶瓷制品、玻璃制品、玩具、汽车零配件、食用农产品、花卉、苗木、宠物用品、建筑材料、装饰材料、化妆品、珠宝首饰、通讯设
备、卫生间用品、农药;生产手机(仅限在海淀区永捷北路2号三层生产及外埠生产);出版物批发;出版物零售;销售食品。  (销售第三类医疗器械以
及销售食品以及依法须经批准的项目，经相关部门批准后依批准的内容开展经营活动。)">小米自营</p>
            <div class="price-info">
                <span>4299元</span>
            </div>
            <div class="line"></div>
            <div class="activity">
                <!--  -->
                <div class="next-gift-box">
                    <span class="next-gift-desc">赠品</span>
                    <span class="next-name">
                        <div class="tip">本组赠品可任选1种</div>
                        <div>价值149元小米极简都市双肩包 2 深灰x1，赠完即止</div>
                        <div>价值149元小米极简都市双肩包 2 浅灰x1，赠完即止</div>
                        <!--  -->
                    </span>
                </div>
            </div>
            <div class="address-box">
                <div class="product-address">
                    <i class="iconfont">&#xe662;</i>
                    <div class="address-next">
                        <div class="address-info">
                            <span>北京</span>
                            <span>北京市</span>
                            <span>海淀区</span>
                            <span>清河街道</span>
                            <a href="javascript:void(0)" class="edit">修改</a>
                        </div>
                    </div>
                    <div class="address-desc">
                        <span>有现货</span>
                    </div>
                </div>









                <div class="buy-option">
                    <div class="buy-box-child">
                        <div class="option-box">
                            <div class="title">选择版本</div>
                            <div class="clearfix">
                                <ul>
                                    <li title="12GB+256GB"><a href="" class="active">12GB+256GB</a></li>
                                    <li title="16GB+512GB"><a href="">16GB+512GB</a></li>
                                    <li title="限量定制版"><a href="">限量定制版</a></li>
                                </ul>
                                <ul>
                                    <li title="8GB+256GB"><a href="">8GB+256GB</a></li>
                                    <li title="16GB+1TB"><a href="">16GB+1TB</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="option-box">
                            <div class="title">选择颜色</div>
                            <div class="clearfix-1">
                                <ul>
                                    <li title="黑色"><a href="" class="active">黑色</a></li>
                                    <li title="岩石青"><a href="">岩石青</a></li>
                                </ul>
                                <ul>
                                    <li title="白色"><a href="">白色</a></li>
                                    <li title="雪山粉"><a href="">雪山粉</a></li>
                                </ul>
                            </div>
                        </div>
                        <div class="option-box">
                            <div class="title">选择套餐</div>
                            <div class="clearfix-2">
                                <ul>
                                    <li title="标准版"><a href="" class="active">标准版</a></li>
                                </ul>
                                <ul>
                                    <li title="小米商城限定非凡礼盒"><a href="">小米商城限定非凡礼盒</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
            </div>




            <div class="service-box">
                <div class="service-item-box">
                    <div class="title"> 选择小米提供的尊享换新计划
                        <a href="https://s1.mi.com/m/app/hd/index.html?id=264038sign=802ade98c149d027453e584ee35d42a9"
                            target="_blank">了解尊享换新计划 ></a>
                    </div>
                    <ul>
                        <li>
                            <i class="iconfont icon-checkbox"><em>✔</em></i>
                            <img src="./img/service1.png" alt="">
                            <div class="change-box">
                                <h3>保值换新服务<em>已省40元</em></h3>
                                <div class="desc">Xiaomi 14 保值换新服务</div>
                                <div class="agreement-box">购买前请阅读
                                    <a href="https://www.mi.com/article/detail/637b5886162f.html" target="_blank">服务条款
                                        <span>|</span></a>
                                    <a href="https://www.mi.com/article/detail/2eef8fde9917.html"
                                        target="_blank">常见问题</a>
                                </div>
                                <div class="price">89元</div>
                            </div>
                        </li>
                    </ul>
                </div>

                <div class="service-item-box">
                    <div class="title"> 选择小米提供的尊享服务
                        <a href="https://api.jr.mi.com/activity/accidentIns/index.html?from=local&insuranceSku=54852"
                            target="_blank">了解尊享服务 ></a>
                    </div>
                    <ul>
                        <li class="active">
                            <i class="iconfont icon-checkbox"><em>✔</em></i>
                            <img src="./img/service2.png" alt="">
                            <div class="change-box">
                                <h3>MiCare无忧版<em>已省192元</em></h3>
                                <div class="desc">多次碎屏保(含后置摄像头、后盖)+1年延保</div>
                                <div class="agreement-box">购买前请阅读
                                    <a href="https://www.mi.com/article/detail/637b5886162f.html" target="_blank">服务条款
                                        <span>|</span></a>
                                    <a href="https://www.mi.com/article/detail/2eef8fde9917.html"
                                        target="_blank">常见问题</a>
                                </div>
                                <div class="price">447元</div>
                            </div>
                        </li>
                    </ul>
                </div>

                <div class="service-item-box">
                    <div class="title"> 选择小米提供的意外保护
                        <a href="https://api.miinsurtech.com/activity/accidentIns/?from=mishop&insuranceSku=54821"
                            target="_blank">了解意外保 ></a>
                    </div>
                    <ul>
                        <li class="active">
                            <i class="iconfont icon-checkbox"><em>✔</em></i>
                            <img src="./img/service2.png" alt="">
                            <div class="change-box">
                                <h3>意外保 1年<em>意外损免费修</em></h3>
                                <div class="desc">1年1次意外损坏 官方原/免费维修</div>
                                <div class="agreement-box">购买前请阅读
                                    <a href="https://www.mi.com/article/detail/637b5886162f.html" target="_blank">服务条款
                                        <span>|</span></a>
                                    <a href="https://www.mi.com/article/detail/2eef8fde9917.html"
                                        target="_blank">常见问题</a>
                                </div>
                                <div class="price">499元</div>
                            </div>
                        </li>
                        <li class="active">
                            <i class="iconfont icon-checkbox"><em>✔</em></i>
                            <img src="./img/service2.png" alt="">
                            <div class="change-box">
                                <h3>碎屏保 1年<em>已省75元</em></h3>
                                <div class="desc">1年1次碎屏 官方原厂 免费维修</div>
                                <div class="agreement-box">购买前请阅读
                                    <a href="https://www.mi.com/article/detail/637b5886162f.html" target="_blank">服务条款
                                        <span>|</span></a>
                                    <a href="https://www.mi.com/article/detail/2eef8fde9917.html"
                                        target="_blank">常见问题</a>
                                </div>
                                <div class="price">174元</div>
                            </div>
                        </li>
                    </ul>
                </div>

                <div class="service-item-box">
                    <div class="title"> 选择小米提供的延长保修
                        <a href="https://api.miinsurtech.com/activity/accidentIns/?from=mishop&insuranceSku=54823"
                            target="_blank">了解延长保修 ></a>
                    </div>
                    <ul>
                        <li class="active">
                            <i class="iconfont icon-checkbox"><em>✔</em></i>
                            <img src="./img/service2.png" alt="">
                            <div class="change-box">
                                <h3>延长保 1年<em>已省54元</em></h3>
                                <div class="desc">性能故障 官方原厂 多次免费维修</div>
                                <div class="agreement-box">购买前请阅读
                                    <a href="https://www.mi.com/article/detail/637b5886162f.html" target="_blank">服务条款
                                        <span>|</span></a>
                                    <a href="https://www.mi.com/article/detail/2eef8fde9917.html"
                                        target="_blank">常见问题</a>
                                </div>
                                <div class="price">125元</div>
                            </div>
                        </li>
                    </ul>
                </div>

                <div class="service-item-box">
                    <div class="title"> 选择小米提供的云空间服务
                        <a href="https://cnbj1.fds.api.xiaomi.com/mih5/page/d-1572343721754/index.html"
                            target="_blank">了解云空间服务 ></a>
                    </div>
                    <ul>
                        <li class="active">
                            <i class="iconfont icon-checkbox"><em>✔</em></i>
                            <img src="./img/service2.png" alt="">
                            <div class="change-box">
                                <h3>延长保 1年<em>208元</em></h3>
                                <div class="desc">主商品签收后，自动激活至下单帐号</div>
                                <div class="agreement-box">购买前请阅读
                                    <a href="https://www.mi.com/article/detail/637b5886162f.html" target="_blank">服务条款
                                        <span>|</span></a>
                                    <a href="https://www.mi.com/article/detail/2eef8fde9917.html"
                                        target="_blank">常见问题</a>
                                </div>
                                <div class="price">208元</div>
                            </div>
                        </li>
                        <li class="active">
                            <i class="iconfont icon-checkbox"><em>✔</em></i>
                            <img src="./img/service2.png" alt="">
                            <div class="change-box">
                                <h3>云空间年卡 50G<em>58元</em></h3>
                                <div class="desc">主商品签收后，自动激活至下单帐号</div>
                                <div class="agreement-box">购买前请阅读
                                    <a href="https://www.mi.com/article/detail/637b5886162f.html" target="_blank">服务条款
                                        <span>|</span></a>
                                    <a href="https://www.mi.com/article/detail/2eef8fde9917.html"
                                        target="_blank">常见问题</a>
                                </div>
                                <div class="price">58元</div>
                            </div>
                        </li>
                        <li class="active">
                            <i class="iconfont icon-checkbox"><em>✔</em></i>
                            <img src="./img/service2.png" alt="">
                            <div class="change-box">
                                <h3>云空间月卡200G<em>21元</em></h3>
                                <div class="desc">主商品签收后，自动激活至下单帐号</div>
                                <div class="agreement-box">购买前请阅读
                                    <a href="https://www.mi.com/article/detail/637b5886162f.html" target="_blank">服务条款
                                        <span>|</span></a>
                                    <a href="https://www.mi.com/article/detail/2eef8fde9917.html"
                                        target="_blank">常见问题</a>
                                </div>
                                <div class="price">21元</div>
                            </div>
                        </li>
                        <li class="active">
                            <i class="iconfont icon-checkbox"><em>✔</em></i>
                            <img src="./img/service2.png" alt="">
                            <div class="change-box">
                                <h3>云空间月卡 50G<em>6元</em></h3>
                                <div class="desc">主商品签收后，自动激活至下单帐号</div>
                                <div class="agreement-box">购买前请阅读
                                    <a href="https://www.mi.com/article/detail/637b5886162f.html" target="_blank">服务条款
                                        <span>|</span></a>
                                    <a href="https://www.mi.com/article/detail/2eef8fde9917.html"
                                        target="_blank">常见问题</a>
                                </div>
                                <div class="price">6元</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>




            <div class="selected-box">
                <ul>
                    <li>Xiaomi 14 12GB+256GB 黑色<span>4299元</span></li>
                </ul>
                <ul></ul>
                <ul></ul>
                <ul></ul>
                <ul>
                    <li>云空间年卡200G<span>208元</span></li>
                </ul>
                <div class="total-price">总计：4507元</div>
            </div>

            <div class="shopping-box">
                <div class="sale-box">
                    <a href="" class="sale sale-family">加入购物车</a>
                </div>
                <div class="favorite-box">
                    <a href="" class="like like-box">
                        <span class="iconfont">&#xe648; 喜欢</span>
                    </a>
                </div>
            </div>

            <div class="after-sale-info">
                <span><a href="">
                        <i class="iconfont">&#xe657;</i>
                        <em>小米自营</em>
                    </a></span>
                <span><a href="">
                        <i class="iconfont">&#xe657;</i>
                        <em>小米发货</em>
                    </a></span>
                <span><a href="">
                        <i class="iconfont">&#xe657;</i>
                        <em>7天天理由退货 (到店自取拆封后不支持)</em>
                    </a></span>
                <span><a href="">
                        <i class="iconfont">&#xe657;</i>
                        <em>运费说明</em>
                    </a></span>
                <span><a href="">
                        <i class="iconfont">&#xe657;</i>
                        <em>企业信息</em>
                    </a></span>
                <span><a href="">
                        <i class="iconfont">&#xe657;</i>
                        <em>7天价格保护</em>
                    </a></span>
            </div>
        </div>
        <!-----小米手机结束------>
        <!-----小米手机细节开始------>
        <div class="detail-main">
            <div class="footer">
                <div class="footer-title">
                    <h3>价格说明</h3>
                </div>
                <div class="footer-img-box">
                    <img src="./img/detail-img.png" alt="">
                </div>
            </div>
        </div>
        <!-----小米手机细节结束------>
        <!-----页脚描述部分------>
        <div class="footer-desc">
            <div class="wrap">
                <div class="footer-serverse">
                    <ul>
                        <li>
                            <a href="#"><i class="iconfont">&#xe63d;</i>预约维修服务</a>
                        </li>
                        <li>
                            <a href="#"><i class="iconfont">&#xe64c;</i>7天无理由退货</a>
                        </li>
                        <li>
                            <a href="#"><i class="iconfont">&#xe606;</i>15天免费换货</a>
                        </li>
                        <li>
                            <a href="#"><i class="iconfont">&#xf01da;</i>满69包邮</a>
                        </li>
                        <li>
                            <a href="#"><i class="iconfont">&#xe662;</i>1100余家售后网点</a>
                        </li>
                    </ul>
                </div>
                <div class="footer-links">
                    <dl class="main-links">
                        <dt></dt>
                    </dl>
                    <dl class="main-links">
                        <dt>选购指南</dt>
                        <dd><a href="#">手机</a></dd>
                        <dd><a href="#">电视</a></dd>
                        <dd><a href="#">笔记本</a></dd>
                        <dd><a href="#">平板</a></dd>
                        <dd><a href="#">穿戴</a></dd>
                        <dd><a href="#">耳机</a></dd>
                        <dd><a href="#">家电</a></dd>
                        <dd><a href="#">路由器</a></dd>
                        <dd><a href="#">音箱</a></dd>
                        <dd><a href="#">配件</a></dd>
                    </dl>
                    <dl class="main-links">
                        <dt>服务中心</dt>
                        <dd><a href="#">申请售后</a></dd>
                        <dd><a href="#">售后政策</a></dd>
                        <dd><a href="#">维修服务价格</a></dd>
                        <dd><a href="#">订单查询</a></dd>
                        <dd><a href="#">以旧换新</a></dd>
                        <dd><a href="#">保障服务</a></dd>
                        <dd><a href="#">防伪查询</a></dd>
                        <dd><a href="#">F码通道</a></dd>
                    </dl>
                    <dl class="main-links">
                        <dt>线下门店</dt>
                        <dd><a href="#">小米之家</a></dd>
                        <dd><a href="#">服务网点</a></dd>
                        <dd><a href="#">授权体验店/专区</a></dd>

                    </dl>
                    <dl class="main-links">
                        <dt>关于小米</dt>
                        <dd><a href="#">了解小米</a></dd>
                        <dd><a href="#">加入小米</a></dd>
                        <dd><a href="#">投资者关系</a></dd>
                        <dd><a href="#">可持续发展</a></dd>
                        <dd><a href="#">廉洁举报</a></dd>

                    </dl>
                    <dl class="main-links">
                        <dt>关注我们</dt>
                        <dd><a href="#">新浪微博</a></dd>
                        <dd><a href="#">官方微信</a></dd>
                        <dd><a href="#">联系我们</a></dd>
                        <dd><a href="#">公益基金会</a></dd>
                    </dl>
                    <dl class="main-links">
                        <p class="tel">400-100-5678</p>
                        <p class="time">8:00-18:00 (仅收市话费)</p>
                        <a href="#" class="kefu"><i class="iconfont">&#xe61b;</i>人工客服</a>
                    </dl>
                </div>
            </div>
        </div>
        <!-----页脚描述部分------>
        <!-------最后页脚开始------>
        <div class="footer-infer">
            <div class="wrap">
                <div class="footer-logo">
                    <img src="./img/logo-mi2.png" alt="">
                </div>
                <div class="infer-text">
                    <p class="sites">
                        <a href="">小米商城</a>
                        <span>|</span>
                        <a href="">小米澎湃OS</a>
                        <span></span>
                        <a href="">米家</a>
                        <span>|</span>
                        <a href="">米聊</a>
                        <span>|</span>
                        <a href="">多看</a>
                        <span>|</span>
                        <a href="">游戏</a>
                        <span>|</span>
                        <a href="">音乐</a>
                        <span>|</span>
                        <a href="">政企服务</a>
                        <span>|</span>
                        <a href="">小米天猫店</a>
                        <span>|</span>
                        <a href="">小米集团隐私政策</a>
                        <span>|</span>
                        <a href="">小米公司儿童信息保护规则</a>
                        <span>|</span>
                        <a href="">小米商城隐私政策</a>
                        <span>|</span>
                        <a href="">小米商城用户协议</a>
                        <span>|</span>
                        <a href="">问题反馈</a>
                        <span>|</span>
                        <a href="">Select Llocaton</a>
                        <span>|</span>
                        <a href="">北京互联网法院法律服务工作站</a>
                        <span>|</span>
                        <a href="">中国消费者协会</a>
                        <span>|</span>
                        <a href="">北京市消费者协会</a>
                        <span>|</span>
                    </p>
                    <p class="sites-text">
                        <a href="#">@ mi.com</a>
                        京lCP证110507号
                        <a href="#">京ICP备10046444号 </a>
                        <a href="#">京公网安备11010802020134号</a>
                        <a href="#"> 京网文1202310169-004号</a><br>
                        <a href="#">(京)网械平台备字(2018) 第00005号
                            <a href="#"> 互联网药品信息服务资格证(京)-非经营性-2014-0090</a>
                            <a href="#"> 营业执照</a>
                            <a href="#">医疗器城质量公告</a><br>
                            <a href="#">增值电信业务经营许可证编号:京B2-20180851</a>
                            网络食品经营备案 京食药网食备202010048
                            <a href="#"> 食品经营许可证</a>
                            新出发京批字第直220280号<br>
                            违法和不良信息举报电话:171-5104-4404
                            <a href="#">知识产权侵权投诉</a> 本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                    <p class="sites-links">
                        <a
                            href="https://privacy.truste.com/privacy-seal/validation?rid=4fc28a8c-6822-4980-9c4b-9fdc69b94eb8&lang=zh-cn"><img
                                src="./img/sites1.png" alt="_blank"></a>
                        <a href="https://credit.cecdc.com/CX20120926001783002010.html"> <img src="./img/sites2.png"
                                alt="_blank"></a>
                        <a href="https://kx.xcc.cn/newCan/2021122904514041324"><img src="./img/sites3.png"
                                alt="_blank"></a>
                        <a href="https://www.mi.com/service/buy/commitment"><img src="./img/sites4.png"
                                alt="_blank"></a>
                        <a href="https://webcert.cnmstl.net/cert/grade?sn=3af21034e35011eab3ea00163e068ceb"
                            class="sites-links-active">
                            <img src="./img/sites5.png" alt="" id="sites-links-active-img-1" class="hfl"
                                style="position: absolute;">
                            <img src="./img/sites6.png" alt="" id="sites-links-active-img-2" class="hfl"
                                style="position: absolute;">
                        </a>
                    </p>
                </div>
            </div>
            <div class="slogan">让全球每个人都能享受科技带来的美好生活</div>
        </div>
        <!-------最后页脚开始------>
        <!-----小米商城右侧悬浮列表------>
        <div class="sidebar">
            <ul>
                <li>
                    <span class="iconfont icon-shouji"></span>
                    <p>手机APP</p>
                    <div class="erwei">
                        <img src="./img/erwei.png" alt="" width="100px">
                        <div class="erwei-text">
                            <p>扫码领取新</p>
                            <p>人百元礼包</p>
                        </div>
                    </div>
                </li>
                <li>
                    <span class="iconfont">&#xe60f;</span>
                    <p class="">个人中心</p>
                </li>
                <li>
                    <span class="iconfont">&#xe63d;</span>
                    <p class="">售后服务</p>
                </li>
                <li>
                    <span class="iconfont">&#xe6cd;</span>
                    <p class="">人工客服</p>
                </li>
                <li>
                    <span class="iconfont">&#xe63f;</span>
                    <p class="">购物车</p>
                </li>
                <li>
                    <span class="iconfont">&#xe66c;</span>
                    <p class="">回顶部</p>
                </li>
            </ul>
        </div>
        <!-----小米商城右侧悬浮列表------>




        <script>
            var cureent_img_index = 0;
            setInterval(function () {
                var imgels = document.querySelectorAll("[id^='sites-links-active-img-']");
                imgels[cureent_img_index].classList.add("maxlay");

                var sibels = getAllSiblings(imgels[cureent_img_index])
                for (var j = 0; j < sibels.length; j++) {
                    sibels[j].classList.remove("maxlay");
                }
                cureent_img_index++;
                if (cureent_img_index >= document.querySelectorAll("[id^='sites-links-active-img-']").length) {
                    cureent_img_index = 0
                }
            }, 1000)

            //选择页面上所有需要切换效果的文字
            var els = document.querySelectorAll("[id^='more-']")
            els = Array.from(els)
            //由于页面元素规律的问题（切换文字和显示商品的元素规律都是以指定的字符开头，所以需要过滤掉切换文字之外的元素）
            els = els.filter(function (el) {
                return !el.getAttribute("id").endsWith("-div")
            })

            for (var i = 0; i < els.length; i++) {
                els[i].onmouseover = function () {
                    flushSibs(this)
                    var eid = this.getAttribute("id")
                    document.querySelector("#" + eid + "-div").classList.add("maxlay");
                }
                els[i].onmouseout = function () {
                    flushSibs(this)
                }
            }

            //还缺一个清楚切换效果的方法

            //清除所有兄弟元素的图层显示效果
            function flushSibs(el) {
                var eid = el.getAttribute("id")
                var changel = document.querySelector("#" + eid + "-div");
                var sibels = getAllSiblings(changel)
                for (var j = 0; j < sibels.length; j++) {
                    sibels[j].classList.remove("maxlay");
                }
            }

            //获取当前元素的所有兄弟元素
            function getAllSiblings(element) {
                var siblings = Array.from(element.parentNode.children);
                siblings = siblings.filter(function (sibling) {
                    return sibling !== element;
                });
                return siblings;
            }
        </script>

</body>

</html>